<template>
	<view class="box" :style="'height: ' + windowHeight + 'px;width:' + windowWidth">
		<image @click="pre" class="img"
		 src="http://oss.91xiaokong.com/fireControl/navigation/zhixuce/20201222/2.png" mode=""></image>
	</view>
</template>

<script>
export default {
	data() {
		return {
			windowHeight: '',
			windowWidth: ''
		};
	},
	onLoad() {
		this.getSystemInfo();
	},
	methods: {
		pre() {
			uni.previewImage({
				urls: ['http://oss.91xiaokong.com/fireControl/navigation/zhixuce/20201222/2.png']
			});
		},
		getSystemInfo() {
			let that = this;
			uni.getSystemInfo({
				success: function(e) {
					console.log(e);
					that.windowHeight = e.windowHeight;
					that.windowWidth = e.windowWidth;
				}
			});
		}
	}
};
</script>

<style>
	.box{
		display: flex;
		justify-content: center;
	}
.img {
	width: 632rpx;
	height: 815rpx;
}
page {
	width: 100%;
	height: 100%;
}

</style>
